<!--
指令
    ng-app   模块
    ng-controller  控制器：中间件，视图和模型的装饰器

    ng-cloak 解决表达式闪屏
    ng-model
    ng-bind：块级元素上
    ng-click
    ng-value : 表单上-表达式
    ng-show：显示true 与隐藏false
视图模型 $scope
双向数据绑定
-->
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>单选框</title>
    <script src="../1.6.9/angular.min.js"></script>
</head>
<body>
<div ng-app="hd" ng-controller="ctrl">
    网站开启:
    <input type="radio" ng-model="status" ng-value="1"> 开启
    <input type="radio" ng-model="status" ng-value="0"> 关闭
    {{status}}
    <div ng-show="status==0">
        <h2>关闭原因:</h2>
        <textarea>后盾网正在维护中,2:00可以访问</textarea>
    </div>
</div>
<script>
    var m = angular.module('hd', []);
    m.controller('ctrl', ['$scope', function ($scope) {
        $scope.status=1;
    }]);
</script>
</body>
</html>